<template>
  <div>
    <el-radio-group v-model="radio1">
      <el-radio-button label="上海"></el-radio-button>
      <el-radio-button label="北京"></el-radio-button>
      <el-radio-button label="广州"></el-radio-button>
      <el-radio-button label="深圳"></el-radio-button>
      <el-radio-button label="大草原"></el-radio-button>
    </el-radio-group>

    <div>

        <el-radio-group v-model="radio2" disabled>
            <el-radio-button label="天津" ></el-radio-button>
            <el-radio-button label="北京"></el-radio-button>
            <el-radio-button label="广州"></el-radio-button>
            <el-radio-button label="深圳"></el-radio-button>
        </el-radio-group>
    </div>

    <div>
        <el-radio-group v-model="radio3" @change="radioChange">
            <el-radio label='cha'>China</el-radio>
            <el-radio label='usa'>USA</el-radio>
        </el-radio-group>
    </div>
  </div>
  
</template>

<script>
export default {
    data () {
      return{
        radio1: '上海',
        radio2: '天津',
        radio3: 'china'
      }
    },
    methods: {
        radioChange: function(label) {
            console.log('点击了' + label);
        }
    }
}
</script>

<style>

</style>